<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>搜索</title>
 <link rel="stylesheet" href="../css/reset.css">
 <link rel="stylesheet" href="../css/list.css">

</head>
<body>
<div class="container details">
 <div class="nav"><img src="../img/back.png" alt=""> <span>详情</span></div>

 <div class="search">
  <img src="../img/search.png" class="i-search" alt="">
  <input type="text" placeholder="请输入批次ID搜索" class="value" />
  <img src="../img/close.png" class="i-close" alt="">
  <button class="submit">搜索</button>
 </div>

 <section class="box">
  <div class="item">
   <div class="item_head">批次ID：1002</div>

   <div class="item_box">
    <div class="item_content">
     <div class="item_content_time">
      <p><label>创建日期：</label>2023年11月1号18:00</p>
      <p><label>最近更新：</label>2023年11月1号18:00</p>
     </div>

     <div class="item_content_class">
      <div class="view">
       <p><span><label>一级分类：</label>铁</span> <span><label>总重量：</label>铁</span></p>
       <p><span><label>二级：</label>铁</span> <span><label>二级：</label>铁</span></p>
       <p><span><label>三级：</label>铁</span> <span><label>三级：</label>铁</span></p>
       <p><span><label>三级：</label>铁</span> <span><label>四级：</label>铁</span></p>
       <p><span><label>四级：</label>铁</span> <span><label>三级：</label>铁</span></p>
      </div>
     </div>

     <div class="item_edit">
      <h3>操作记录</h3>

      <div class="record">
       <div class="record_item active">
        <img src="../img/primary.png" alt="">
        <div class="record_item_text">
         <p class="situation">已出港</p>
         <p class="time">2023-11-03 18:00:00</p>
         <p class="name">操作员：曹蓝</p>
        </div>
        <div class="br"></div>
       </div>
       <div class="record_item">
        <img src="../img/info.png" alt="">
        <div class="record_item_text">
         <p class="situation">已发货</p>
         <p class="time">2023-11-03 18:00:00</p>
         <p class="name">操作员：曹蓝</p>
        </div>
        <div class="br"></div>
       </div>
       <div class="record_item">
        <img src="../img/info.png" alt="">
        <div class="record_item_text">
         <p class="situation">批次创建</p>
         <p class="time">2023-11-03 18:00:00</p>
         <p class="name">操作员：曹蓝</p>
        </div>
       </div>
      </div>
     </div>
    </div>
   </div>
  </div>
 </section>

 <div class="empty">
  <img src="../img/empty.png" alt="">
 </div>
</div>
</body>
<script src="../js/list.js"></script>
<script>
 const onChange = new onValue()
 onChange.onInput()
 onChange.onClose()
</script>
</html>
